<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CONTACTO</title>
</head>
<body>

	<div>
		<h1>CONTACTO</h1>

		<nav>
			<ul>
				<li><a href="index.html">INDEX</a></li>
				<li><a href="detalles.html">DETALLES</a></li>
				<li><a href="bocetos.html">BOCETOS</a></li>
				<li><a href="miembros.html">MIEMBROS</a></li>
				<li><a href="planificacion.html">PLANIFICACIÓN</a></li>
			</ul>
		</nav>
	</div>
	<hr>

	<!-- Nombre -->
	<div id="contact-form">
		<form action="mailto:eriksteve21@gmail.com" method="post"
			enctype="text/plain">
			<strong>Nombre:</strong> <input type="text" name="nombre" size="25"
				maxlength="50"><br>
			<hr>
			<!-- Dirección de contacto -->
			<br> <strong> Dirección de e-mail de contacto: </strong><input
				type="text" value="@" name="correo" size="40" maxlength="100">
			<br>
			<hr>
			<!-- Motivo de la consulta -->

			<div align="left">
				<br> <strong>Motivo de la consulta</strong><br> <input
					type="radio" name="group1" value="Evaluación"> Evaluación <br>
				<input type="radio" name="group1" value="Sugerencias" checked>
				Sugerencias <br> <input type="radio" name="group1"
					value="Críticas"> Críticas
				<hr>
			</div>

			<!-- Cuadro de texto para que el usuario escriba la consulta -->
			<strong>Consultas sobre la web</strong><br>
			<textarea cols="40" rows="5" name="opinion">Escriba aquí su consulta...</textarea>
			<br> <br> <br>
			<hr>

			<!-- Un checkbox para marcar junto a la frase: “Marque esta casilla para verificar
que ha leído nuestros términos y condiciones del servicio”2. -->
			<div>
				<label for="terminos">“Marque esta casilla para verificar
					que ha leído nuestros términos y condiciones del servicio” <br>
				</label> <input type="checkbox" id="terminos" name="terminos" value="acepta">
			</div>
			<hr>

			<!-- confirmar cancelar -->
			<div>
				<input type="submit" value="Confirmar"> <input type="reset"
					value="Cancelar">
			</div>
		</form>
	</div>
</body>
</html>